<template>
    <div class="box">
        <div class="title"><span>{{$t('acctasklist')}}</span> | {{$t('detls')}}</div>
        <el-button type="primary" icon="el-icon-d-arrow-left" :circle="true" @click="goAway" v-preventReClick></el-button>
        <div class="tet">{{$t('orderinfo')}}</div>
        <div class="detBox">
            <el-row>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <div class="bhead nobd">{{$t('mertnam')}}</div>
                    </div>
                </el-col>
                <el-col :span="20">
                    <div class="grid-content bg-purple-light">
                        <div class="bbody headmust"></div>
                    </div>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <div class="bhead nobd">{{$t('ordercreattime')}}</div>
                    </div>
                </el-col>
                <el-col :span="8">
                    <div class="grid-content bg-purple-light">
                        <div class="bbody"></div>
                    </div>
                </el-col>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <div class="bhead">{{$t('mertodrnum')}}</div>
                    </div>
                </el-col>
                <el-col :span="8">
                    <div class="grid-content bg-purple-light">
                        <div class="bbody"></div>
                    </div>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <div class="bhead nobd">{{$t('trastamt')}}</div>
                    </div>
                </el-col>
                <el-col :span="8">
                    <div class="grid-content bg-purple-light">
                        <div class="bbody"></div>
                    </div>
                </el-col>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <div class="bhead">{{$t('orderfreezetime')}}</div>
                    </div>
                </el-col>
                <el-col :span="8">
                    <div class="grid-content bg-purple-light">
                        <div class="bbody"></div>
                    </div>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <div class="bhead nobd">{{$t('payeenum')}}</div>
                    </div>
                </el-col>
                <el-col :span="8">
                    <div class="grid-content bg-purple-light">
                        <div class="bbody"></div>
                    </div>
                </el-col>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <div class="bhead">{{$t('payernum')}}</div>
                    </div>
                </el-col>
                <el-col :span="8">
                    <div class="grid-content bg-purple-light">
                        <div class="bbody"></div>
                    </div>
                </el-col>
            </el-row>
        </div>
        <div class="txt">{{$t('plaforminfo')}}</div>
        <div class="detBox">
            <el-row>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <div class="bhead nobd">{{$t('plaodrnum')}}</div>
                    </div>
                </el-col>
                <el-col :span="8">
                    <div class="grid-content bg-purple-light">
                        <div class="bbody"></div>
                    </div>
                </el-col>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <div class="bhead">{{$t('product')}}</div>
                    </div>
                </el-col>
                <el-col :span="8">
                    <div class="grid-content bg-purple-light">
                        <div class="bbody"></div>
                    </div>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <div class="bhead nobd">{{$t('trstyp')}}</div>
                    </div>
                </el-col>
                <el-col :span="8">
                    <div class="grid-content bg-purple-light">
                        <div class="bbody"></div>
                    </div>
                </el-col>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <div class="bhead">{{$t('paymentmthd')}}</div>
                    </div>
                </el-col>
                <el-col :span="8">
                    <div class="grid-content bg-purple-light">
                        <div class="bbody"></div>
                    </div>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <div class="bhead nobd">{{$t('transstatus')}}</div>
                    </div>
                </el-col>
                <el-col :span="8">
                    <div class="grid-content bg-purple-light">
                        <div class="bbody"></div>
                    </div>
                </el-col>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <div class="bhead">{{$t('tranretcode')}}</div>
                    </div>
                </el-col>
                <el-col :span="8">
                    <div class="grid-content bg-purple-light">
                        <div class="bbody"></div>
                    </div>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <div class="bhead nobd">{{$t('trancrttim')}}</div>
                    </div>
                </el-col>
                <el-col :span="8">
                    <div class="grid-content bg-purple-light">
                        <div class="bbody"></div>
                    </div>
                </el-col>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <div class="bhead">{{$t('trscoptim')}}</div>
                    </div>
                </el-col>
                <el-col :span="8">
                    <div class="grid-content bg-purple-light">
                        <div class="bbody"></div>
                    </div>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <div class="bhead nobd">{{$t('tranretdesc')}}</div>
                    </div>
                </el-col>
                <el-col :span="20">
                    <div class="grid-content bg-purple-light">
                        <div class="bbody headmust"></div>
                    </div>
                </el-col>
            </el-row>
        </div>
        <div class="txt">{{$t('chninfo')}}</div>
        <div class="detBox">
            <el-row>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <div class="bhead nobd">{{$t('chnlnam')}}</div>
                    </div>
                </el-col>
                <el-col :span="8">
                    <div class="grid-content bg-purple-light">
                        <div class="bbody"></div>
                    </div>
                </el-col>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <div class="bhead">{{$t('chnnumber')}}</div>
                    </div>
                </el-col>
                <el-col :span="8">
                    <div class="grid-content bg-purple-light">
                        <div class="bbody"></div>
                    </div>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <div class="bhead nobd">{{$t('sernumofuprchn')}}</div>
                    </div>
                </el-col>
                <el-col :span="8">
                    <div class="grid-content bg-purple-light">
                        <div class="bbody"></div>
                    </div>
                </el-col>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <div class="bhead">{{$t('sendchntim')}}</div>
                    </div>
                </el-col>
                <el-col :span="8">
                    <div class="grid-content bg-purple-light">
                        <div class="bbody"></div>
                    </div>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <div class="bhead nobd">{{$t('chnretcode')}}</div>
                    </div>
                </el-col>
                <el-col :span="20">
                    <div class="grid-content bg-purple-light">
                        <div class="bbody headmust"></div>
                    </div>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <div class="bhead nobd">{{$t('chnretdesc')}}</div>
                    </div>
                </el-col>
                <el-col :span="20">
                    <div class="grid-content bg-purple-light">
                        <div class="bbody headmust"></div>
                    </div>
                </el-col>
            </el-row>
        </div>
    </div>
</template>

<script>
import {
    orderdetail
} from '@/libs/reqlist.js'
export default {
    data () {
        return {
            orderNo: '',
            orderDet: {}
        }
    },
    methods: {
        getDetForm () {
            orderdetail(JSON.stringify({ parentOrderNo: this.orderNo })).then(res => {
                // if (res.data.code === '000000') {
                //     this.taskList = res.data.data.list
                //     this.total = res.data.data.total
                //     this.taskList.forEach(item => {
                //         if (item.auditStatus === 'WAITCONFIRM') {
                //             item.auditStatus = '等待审核'
                //         }
                //     })
                // }
            })
        },
        goAway () {
            this.$router.go(-1)
        }
    },
    mounted () {
        this.orderNo = this.$store.state.orderNo
        this.getDetForm()
    }
}
</script>

<style lang="less" scoped>
.box {
    position: relative;
    width: 800px;
    margin: 0 auto;
    .title {
        display: inline-block;
        margin-top: 20px;
        font-size: 18px;
        font-weight: 700;
        span {
            color: #0075BF;
        }
    }
    .tet {
        margin-top: 35px;
        font-size: 18px;
        font-weight: 700;
    }
    .txt {
        margin-top: 35px;
        font-size: 18px;
        font-weight: 700;
    }
    .el-row {
        border-bottom: 1px solid #797979;
    }
    .el-row:last-child {
        border-bottom: none;
    }
    .detBox {
        margin-top: 26px;
        margin-bottom: 20px;
        border: 1px solid #797979;
        .el-col:nth-child(2) {
            border-left: 1px solid #797979;
        }
        .el-col:nth-child(4) {
            border-left: 1px solid #797979;
        }
        .bhead {
            background: #E4E4E4;
            width: 133px;
            height: 39px;
            line-height: 39px;
            border-left: 1px solid #797979;
            text-align: center;
        }
        .bbody {
            background: #fff;
            width: 266px;
            height: 39px;
            line-height: 39px;
            text-align: center;
            border-right: 1px solid #797979;
        }
        .bbody:nth-child(2) {
            border-right: 1px solid #797979;
        }
    }
    .nobd {
        border-left: none !important;
    }
    .headmust {
        width: 664px !important;
    }
    .el-button {
        position: absolute;
        top: 25px;
        right: 0;
    }
}
</style>
